<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <title>webrx</title>
</head>
<body>
<div id="app">
    <h1>{{name}}</h1>
    <h2>{{age}}</h2>
    <h3>{{user.id}}</h3>
    <h3>{{user.name}}</h3>
    {{ message }} {{version}}
    <p v-for="i in 5">{{i}}</p>
    <span v-for="i in 15">{{'&nbsp;'.repeat(16 - i)}}{{16 - i}}</span>
</div>
<script>
    const {createApp, ref, version} = Vue
    createApp({
        setup() {
            const message = ref('Hello vue!')
            return {
                message,
                name: '李四',
                user:{id:100,name:'admin'}
            }
        },
        data() {
            let age = 25
            return {version, age}
        }
    }).mount('#app')
</script>
</body>
</html>
